<template>
  <span>{{ text }}</span>
</template>

<script>
export default {
  name: "messageTitle",
  props: {
    title: {
      type: String,
      default: ""
    }
  },
  computed: {
    text() {
      let res = this.title;
      if(this.title.indexOf("支付成功") > 0) {
        res = this.title.replace('<font color="#00FF00">支付成功</font>','支付成功');
      }
      if(this.title.indexOf("已全部退款") > 0) {
        res = this.title.replace('<font color="#FF0000">已全部退款</font>', '已全部退款');
      }
      if(this.title.indexOf("已部分退款") > 0) {
        res = this.title.replace('<font color="#FF0000">已部分退款</font>','已部分退款');
      }
      return res;
    }
  }
}
</script>